@charset "utf-8";
/* Keyframes */

@keyframes xuanzhuan{
	0%{ transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
	}
@-webkit-keyframes xuanzhuan{
	0%{-webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg)}
	}
@keyframes pg1_lt{
	0%{ opacity:1;}
	100%{ opacity:0;}
}
@-webkit-keyframes pg1_lt{
	0%{ opacity:1;}
	100%{ opacity:0;}
}
@keyframes dou{
	0%{ transform:translateX(-5%);opacity:0;}
	25%{ transform:translateX(0%);opacity:1;}
	50%{ transform:translateX(5%);opacity:1;}
	75%{ transform:translateX(0.0001%);opacity:1;}
	100%{ transform:translateX(0.0001%);opacity:1;}
}
@-webkit-keyframes dou{
	0%{ transform:translateX(-5%);-webkit-transform:translateX(-5%);opacity:0;}
	25%{ transform:translateX(0%);-webkit-transform:translateX(0%);opacity:0;}
	50%{ transform:translateX(5%);-webkit-transform:translateX(5%);opacity:0;}
	75%{ transform:translateX(0.0001%);-webkit-transform:translateX(0.0001%);opacity:1;}
	100%{ transform:translateX(0.0001%);-webkit-transform:translateX(0.0001%);opacity:1;}
}
@keyframes dian1{
	0%{ opacity:0;}

	100%{ opacity:1;}
}
@-webkit-keyframes dian1{
	0%{ opacity:0;}

	100%{ opacity:1;}
}
@keyframes dian2{
	0%{ opacity:0;}
	20%{ opacity:1;}
	80%{ opacity:1;}
	100%{ opacity:0;}
}
@-webkit-keyframes dian2{
	0%{ opacity:0;}
	20%{ opacity:1;}
	80%{ opacity:1;}
	100%{ opacity:0;}
}
@keyframes di{
	0%{ opacity:0;}
	50%{ opacity:0.7;}
	100%{ opacity:0;}
}
@-webkit-keyframes di{
	0%{ opacity:0;}
	50%{ opacity:0.7;}
	100%{ opacity:0;}
}
/*第二页*/
@keyframes cx {
	0% {

		opacity: 0;
	}
	100% {

		opacity: 1;
	}
}
@-webkit-keyframes cx {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes zuo{
	0%{ transform:translateX(-100%);}
	100%{ transform:translateX(0.0001%);}
}
@-webkit-keyframes zuo{
	0%{ transform:translateX(-100%);-webkit-transform:translateX(-100%);}
	100%{ transform:translateX(0.0001%);-webkit-transform:translateX(0.0001%);}
}
@keyframes zuo2{
	0%{ transform:translateX(-100%);opacity:0;}
	100%{ transform:translateX(0.0001%);opacity:1;}
}
@-webkit-keyframes zuo2{
	0%{ transform:translateX(-100%);-webkit-transform:translateX(-100%);opacity:0;}
	100%{ transform:translateX(0.0001%);-webkit-transform:translateX(0.0001%);opacity:1;}
}
@keyframes you2{
	0%{ transform:translateX(100%);opacity:0;}
	100%{ transform:translateX(0.0001%);opacity:1;}
}
@-webkit-keyframes you2{
	0%{ transform:translateX(100%);-webkit-transform:translateX(100%);opacity:0;}
	100%{ transform:translateX(0.0001%);-webkit-transform:translateX(0.0001%);opacity:1;}
}
@keyframes you{
	0%{ transform:translateX(100%);}
	100%{ transform:translateX(0.0001%);}
}
@-webkit-keyframes you{
	0%{ transform:translateX(100%);-webkit-transform:translateX(100%);}
	100%{ transform:translateX(0.0001%);-webkit-transform:translateX(0.0001%);}
}
@keyframes pg2-k{
	0%{ transform:scale(0,0); opacity:0;}
	100%{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes pg2-k{
	0%{ transform:scale(0,0);-webkit-transform:scale(0,0);opacity:0;}
	100%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
}
@keyframes pg2-wz1{
	0%{ transform:scale(0.8,0.8); opacity:0;}
	100%{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes pg2-wz1{
	0%{ transform:scale(2,2);-webkit-transform:scale(2,2);opacity:0;}
	100%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
}
/*第三页*/
@keyframes bao {
	0% {
		transform: translateY(0%);
		opacity: 0;
	}
	100% {
		transform: translateY(5%);
		opacity: 1;
	}
}
@-webkit-keyframes bao {
	0% {
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		opacity: 0;
	}
	100% {
		transform: translateY(5%);
		-webkit-transform: translateY(5%);
		opacity: 1;
	}
}
@keyframes shou {
	0% {
		transform: translateY(0%);
		opacity: 1;
	}
	70% {
		transform: translateY(280%);
		opacity: 1;
	}
	95% {
		transform: translateY(280%);
		opacity:1;
	}
	96% {
		transform: translateY(280%);
		opacity:0;
	}
	100% {
		transform: translateY(500%);
		opacity: 0;
	}
}
@-webkit-keyframes shou {
	0% {
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		opacity: 1;
	}
	70% {
		transform: translateY(280%);
		-webkit-transform: translateY(280%);
		opacity: 1;
	}
	95% {
		transform: translateY(280%);
		-webkit-transform: translateY(280%);
		opacity: 1;
	}
	96% {
		transform: translateY(280%);
		-webkit-transform: translateY(280%);
		opacity: 0;
	}
	100% {
		transform: translateY(500%);
		-webkit-transform: translateY(500%);
		opacity: 0;
	}
}
@keyframes xia {
	0% {
		transform: translateY(-200%);
		opacity: 0;
	}
	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}
@-webkit-keyframes xia {
	0% {
		transform: translateY(-200%);
		-webkit-transform: translateY(-200%);
		opacity: 0;
	}
	100% {
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		opacity: 1;
	}
}
@keyframes shang {
	0% {
		transform: translateY(15%);
		opacity: 1;
	}
	50% {
		transform: translateY(0%);
		opacity: 1;
	}

	100% {
		transform: translateY(15%);
		opacity: 1;
	}
}
@-webkit-keyframes shang {
	0% {
		transform: translateY(15%);
		-webkit-transform: translateY(15%);
		opacity: 1;
	}
	50% {
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		opacity: 1;
	}
	100% {
		transform: translateY(15%);
		-webkit-transform: translateY(15%);
		opacity: 1;
	}
}
@keyframes shang2 {
	0% {
		transform: translateY(0%);
		opacity: 1;
	}
	50% {
		transform: translateY(10%);
		opacity: 1;
	}
	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}
@-webkit-keyframes shang2 {
	0% {
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		opacity: 1;
	}
	50% {
		transform: translateY(10%);
		-webkit-transform: translateY(10%);
		opacity: 1;
	}
	100% {
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		opacity: 1;
	}
}
@keyframes pg3-x5 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	10% {
		transform: translateX(0%);
		opacity: 1;
	}
	30% {
		transform: translateX(0%);
		opacity: 0;
	}
	50% {
		transform: translateX(0%);
		opacity: 1;
	}
	70% {
		transform: translateX(0%);
		opacity: 0;
	}
	90% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}
@-webkit-keyframes pg3-x5 {
	0% {
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	10% {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	30% {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		opacity: 0;
	}
	50% {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	70% {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		opacity: 0;
	}
	90% {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}
@keyframes pg3-x6 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	8% {
		transform: translateX(0%);
		opacity: 1;
	}
	90% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}
@-webkit-keyframes pg3-x6 {
	0% {
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	8% {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	90% {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}
@-webkit-keyframes qf{
	0%{ transform:scale(2,2);-webkit-transform:scale(2,2);opacity:1;}
	100%{ transform:scale(0.1,0.1);-webkit-transform:scale(0.1,0.1);opacity:0.1;}
}
@keyframes q5{
	0%{ transform:scale(0,0); opacity:0;}
	100%{ transform:scale(2,2); opacity:1;}
}
@-webkit-keyframes q5{
	0%{ transform:scale(0,0);-webkit-transform:scale(0,0);opacity:0;}
	100%{ transform:scale(2,2);-webkit-transform:scale(2,2);opacity:1;}
}
@keyframes about{
	0%{ transform:scale(3,3); opacity:0;}
	30%{ transform:scale(1,1); opacity:1;}
	80%{ transform:scale(1,1); opacity:1;}
	100%{ transform:scale(0,0); opacity:0;}
}
@-webkit-keyframes about{
	0%{ transform:scale(3,3);-webkit-transform:scale(3,3);opacity:0;}
	50%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
	80%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
	100%{ transform:scale(0,0);-webkit-transform:scale(0,0);opacity:0;}
}
@keyframes huan{
	0%{ transform:scale(4.5,4.5); opacity:0;}
	100%{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes huan{
	0%{ transform:scale(4.5,4.5);-webkit-transform:scale(4.5,4.5);opacity:0;}
	100%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
}
@keyframes shuzi{
	0%{ transform:scale(0,0); opacity:0;}
	100%{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes shuzi{
	0%{ transform:scale(0,0);-webkit-transform:scale(0,0);opacity:0;}
	100%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
}
@keyframes ad{
	0%{ transform:scale(4,4); opacity:0;}
	100%{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes ad{
	0%{ transform:scale(4,4);-webkit-transform:scale(4,4);opacity:0;}
	100%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
}
/*@keyframes pg2-dt{*/
	/*0%{ left:-110%;}*/
	/*100%{ left:0.1%;}*/
/*}*/
/*@-webkit-keyframes pg2-dt{*/
	/*0%{left:-110%;}*/
	/*100%{ left:0.1%;}*/
/*}*/

@keyframes pg2-dt{
	0%{ opacity:0;}
	100%{ opacity:1;}
}

@-webkit-keyframes pg2-dt{
	0%{ opacity:0;}
	100%{ opacity:1;}
}
@keyframes pg2-wz2{
	0%{ left:110%;}
	100%{ left:-0.1%;}
}
@-webkit-keyframes pg2-wz2{
	0%{left:110%;}
	100%{ left:-0.1%;}
}
/*放大缩小*/
@keyframes bgsf{
	0%{ transform:scale(1,1);}
	25%{ transform:scale(1.1,1.1);}
	50%{ transform:scale(1.2,1.2);}
	75%{ transform:scale(1.1,1.1);}
	100%{transform:scale(1,1);}
}
@-webkit-keyframes bgsf{
	0%{ transform:scale(1,1);}
	25%{ transform:scale(1.1,1.1);}
	50%{ transform:scale(1.2,1.2);}
	75%{ transform:scale(1.1,1.1);}
	100%{transform:scale(1,1);}
}
/*dian淡化*/

/*对话框*/
@keyframes pg1{
	0%{ transform:scale(3,3); opacity:0;}
	100%{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes pg1{
	0%{ transform:scale(3,3);-webkit-transform:scale(3,3);opacity:0;}
	100%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
}
@keyframes pgwz1{
	0%{ transform:scale(3,3); opacity:0;}
	50%{ transform:scale(1,1); opacity:1;}
	100%{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes pgwz1{
	0%{ transform:scale(3,3);-webkit-transform:scale(3,3);opacity:0;}
	50%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
	100%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
}
@keyframes pgwz2{
	0%{ transform:scale(3,3); opacity:0;}
	30%{ transform:scale(3,3); opacity:0;}
	60%{ transform:scale(1,1); opacity:1;}
	80%{ transform:scale(1,1); opacity:1;}
	100%{ transform:scale(0,0); opacity:0;}
}
@-webkit-keyframes pgwz2{
	0%{ transform:scale(3,3);-webkit-transform:scale(3,3);opacity:0;}
	30%{ transform:scale(3,3);-webkit-transform:scale(3,3);opacity:0;}
	60%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
	80%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
	100%{ transform:scale(0,0);-webkit-transform:scale(0,0);opacity:0;}
}
@keyframes pgwz3{
	0%{ transform:scale(2,2); opacity:0;}
	80%{ transform:scale(3,3); opacity:0;}
	100%{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes pgwz3{
	0%{ transform:scale(2,2);-webkit-transform:scale(2,2);opacity:0;}
	80%{ transform:scale(3,3);-webkit-transform:scale(3,3);opacity:0;}
	100%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
}
@keyframes xt{
	 0%{ transform:scale(3,3); opacity:0;}
	 30%{ transform:scale(3,3); opacity:0;}
	 70%{ transform:scale(1,1); opacity:1;}
	 100%{ transform:scale(1,1); opacity:1;}
 }
@-webkit-keyframes xt{
	0%{ transform:scale(3,3);-webkit-transform:scale(3,3);opacity:0;}
	30%{ transform:scale(3,3);-webkit-transform:scale(3,3);opacity:0;}
	70%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
	100%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
}
@keyframes pgq3_1{
	0%{ transform:scale(3,3); opacity:0;}
	100%{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes pgq3_1{
	0%{ transform:scale(3,3);-webkit-transform:scale(3,3);opacity:0;}
	100%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
}
@keyframes pgq2_1{
	0%{ transform:scale(3,3); opacity:0;}
	100%{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes pgq2_1{
	0%{ transform:scale(3,3);-webkit-transform:scale(3,3);opacity:0;}
	100%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
}
@keyframes ys-tb{
	0%{ transform:scale(1,1); opacity:0;}
	100%{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes ys-tb{
	0%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:0;}
	100%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
}
@keyframes ys-t{
	0%{ transform:scale(1,1); opacity:0;}
	25%{ transform:scale(1,1); opacity:1;}
	75%{ transform:scale(1,1); opacity:1;}
	100%{ transform:scale(1,1); opacity:0;}
}
@-webkit-keyframes ys-t{
	0%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:0;}
	25%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
	75%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
	100%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:0;}
}
/*第五页*/

@keyframes ad{
	0%{ transform:scale(4,4); opacity:0;}
	100%{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes ad{
	0%{ transform:scale(4,4);-webkit-transform:scale(4,4);opacity:0;}
	100%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
}
@keyframes q4{
	0%{ transform:translate(0%,0%);opacity:1; }
	10%{ transform:translate(20%,20%);opacity:1;}
	20%{ transform:translate(40%,40%);opacity:1;}
	30%{ transform:translate(50%,60%);opacity:1;}
	40%{ transform:translate(35%,80%);opacity:1;}
	50%{ transform:translate(10%,90%);opacity:1;}
	60%{ transform:translate(0%,100%);opacity:1;}
	70%{ transform:translate(-30%,90%);opacity:1;}
	80%{ transform:translate(-50%,80%);opacity:1;}
	90%{ transform:translate(-20%,60%);opacity:1;}
	95%{ transform:translate(-10%,30%);opacity:1;}
	100%{ transform:translate(0%,0%);opacity:0;}
}
@-webkit-keyframes q4{
	0%{ transform:translate(0%,0%);opacity:1;-webkit-transform:translate(0%,0%);opacity:1;}
	10%{ transform:translate(20%,20%);opacity:1;-webkit-transform:translate(20%,20%);opacity:1;}
	20%{ transform:translate(40%,40%);opacity:1;-webkit-transform:translate(40%,40%);opacity:1;}
	30%{ transform:translate(50%,60%);opacity:1;-webkit-transform:translate(50%,60%);opacity:1;}
	40%{ transform:translate(35%,80%);opacity:1;-webkit-transform:translate(35%,80%);opacity:1;}
	50%{ transform:translate(10%,90%);opacity:1;-webkit-transform:translate(10%,90%);opacity:1;}
	60%{ transform:translate(0%,100%);opacity:1;-webkit-transform:translate(0%,100%);opacity:1;}
	70%{ transform:translate(-30%,90%);opacity:1;-webkit-transform:translate(-30%,90%);opacity:1;}
	80%{ transform:translate(-50%,80%);opacity:1;-webkit-transform:translate(-50%,80%);opacity:1;}
	90%{ transform:translate(-20%,60%);opacity:1;-webkit-transform:translate(-20%,60%);opacity:1;}
	95%{ transform:translate(-10%,30%);opacity:1;-webkit-transform:translate(-10%,30%);opacity:1;}
	100%{ transform:translate(0%,0%);opacity:0;-webkit-transform:translate(0%,0%);opacity:0;}
}


/*飞入*/
@keyframes moveFromTop{
	0%{ transform:translateY(-100%);}
	}
@-webkit-keyframes moveFromTop{
	0%{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
	}
@keyframes moveFromLeft{
	0%{ transform:translateX(-100%);}
	}
@-webkit-keyframes moveFromLeft{
	0%{ transform:translateX(-100%);-webkit-transform:translateX(-100%);}
	}
@keyframes moveFromRight{
	0%{ transform:translateX(200%);}
	}
@-webkit-keyframes moveFromRight{
	0%{ transform:translateX(200%);-webkit-transform:translateX(200%);}
	}
@keyframes moveFromBottomLong{
	0%{ bottom:-110%;}
	100%{ bottom:40%;}
	}
@-webkit-keyframes moveFromBottomLong{
	0%{ bottom:-110%;}
	100%{ bottom:40%;}
	}
@keyframes moveFromBottom{
	from{ transform: translateY(100%);}
	}
@-webkit-keyframes moveFromBottom{
	from{ transform: translateY(100%);-webkit-transform: translateY(100%);}
	}
@keyframes moveFromBottom2{
	from{ transform: translateY(150%);}
	}
@-webkit-keyframes moveFromBottom2{
	from{ transform: translateY(150%);-webkit-transform: translateY(150%);}
	}
@keyframes moveFromBottom3{
	from{ transform: translateY(220%);}
	}
@-webkit-keyframes moveFromBottom3{
	from{ transform: translateY(220%);-webkit-transform: translateY(220%);}
	}
/*放大缩小动画*/
@keyframes resizesx{
	0%{ transform:scale(1,1); }
	50%{ transform:scale(1.2,1.2); }
	100%{ transform:scale(1,1); }
}
@-webkit-keyframes resizesx{
	0%{ transform:scale(1,1);-webkit-transform:scale(1,1);}
	50%{ transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
	100%{ transform:scale(1,1);-webkit-transform:scale(1,1);}
}
@keyframes resizeBig{
	0%{ transform:scale(2,2); opacity:0;}
	100%{ transform:scale(1,1); opacity:1;}
	}
@-webkit-keyframes resizeBig{
	0%{ transform:scale(2,2);-webkit-transform:scale(2,2);opacity:0;}
	100%{ transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}
	}
@keyframes moveToLeft{
	to{ transform:translateX(-120%);}
	}
@-webkit-keyframes moveToLeft{
	to{ transform:translateX(-120%);-webkit-transform:translateX(-120%);}
	}
@keyframes moveToRight{
	to{ transform:translateX(120%);}
	}
@-webkit-keyframes moveToRight{
	to{ transform:translateX(120%);-webkit-transform:translateX(120%);}
	}
/*淡入淡出*/
@keyframes opacity0To1{
	0%{ opacity:0;}
	100%{  opacity:1;}
	}
@-webkit-keyframes opacity0To1{
	0%{ opacity:0;}
	100%{  opacity:1;}
	}
@keyframes Opacity07To10{
	0%{ opacity:0.7;}
	50%{  opacity:1;}
	100%{ opacity:0.7;}
	}
@-webkit-keyframes Opacity07To10{
	0%{ opacity:0.7;}
	50%{  opacity:1;}
	100%{ opacity:0.7;}
	}
/*页面切换*/
@keyframes moveToTopbox{
	to{ transform:translateY(-100%);}
	}
@-webkit-keyframes moveToTopbox{
	to{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
	}
@keyframes moveFromBottombox{
	from{ transform:translateY(100%);}
	}
@-webkit-keyframes moveFromBottombox{
	from{ transform:translateY(100%);-webkit-transform:translateY(100%);}
	}
@keyframes moveToBottombox{
	to{ transform:translateY(100%);}
	}
@-webkit-keyframes moveToBottombox{
	to{ transform:translateY(100%);-webkit-transform:translateY(100%);}
	}	
@keyframes moveFromTopbox{
	from{ transform:translateY(-100%);}
	}
@-webkit-keyframes moveFromTopbox{
	from{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
	}	